<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>搜索框实例</title>
		<style>
			div{
				border: solid 1px #ddd;
				width: 210px;
			}
			div>input[type='text']{
				border: none;
				outline: none;
			}
			div>input[type='text']+span::after{
				content: "\21AA";
				font-size: 14px;
				cursor:pointer;
			}
			/* div span:first-of-type{
				color: #008000;
			} */
			div span:first-of-type::after{
				content: attr(title);
				font-size: 14px;
				color: #008000;
				font-weight: 800;
			}
		</style>
	</head>
	<body>
		<div>
			<span class="se" title="搜索"></span><input type="text"><span></span>
		</div>
	</body>
</html>
